.work-beach {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;

    .work-beach-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 8px;

        .work-beach-top {
            display: flex;
            align-items: center;

            .work-beach-top-left {
                margin-right: 20px;

                .avatar {
                    border-radius: 50%;
                    border: 2px solid #e0e0e0;
                }
            }

            .work-beach-top-right {
                flex: 1;

                .work-beach-title {
                    padding: 5px 0;
                    font-size: 32px;
                    font-weight: 600;
                    display: flex;
                    align-items: center;
                    color: #333;

                    span {
                        margin-right: 10px;
                    }

                    .info-ladder-score {
                        height: 30px;
                        width: 100px;
                        font-size: 20px;
                        font-weight: bold;
                        background-color: #ffcc00;
                        /* 黄金色 */
                        color: #333;
                        border-radius: 4px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                    }
                }

                .work-beach-item {
                    display: flex;
                    font-size: 18px;
                    font-weight: 600;
                    color: #555;
                    margin-top: 10px;

                    span {
                        padding: 5px;
                        margin-right: 10px;
                    }
                }
            }
        }
    }
}